<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css" />
		<link type="text/css" rel="stylesheet" href="../css/top.css" />
		<link type="text/css" rel="stylesheet" href="../css/orderdetail1.css" />
		<script type="text/javascript" src="../js/model/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"></script>
		
		
		<title>优当借书网</title>
	</head>
	<body>
		<!--top begin-->
		<div class="top">
			<a href="#" class="goback">
				<img src="../images/icons/goback2.png"  />
			</a>
			<span>订单详情</span>
		</div>
		<!--top the end-->
		<!--main begin-->
		<div class="main">
			<!--订单头部信息栏-->
			<div class="order_msg">
				<div class="msg_top">
					<div class="msg_top_left">
						<img src="../images/orders/position.png" class="position" />
						收货人：<span>王学东王学东</span>
					</div>
					<div class="msg_top_right">
						13526487592
					</div>
				</div>
				<div class="msg_bot">
					江苏省徐州市鼓楼区淮海文化科技产业园a2-1楼创客邦
				</div>
			</div>
			<!--下单日期-->
			<div class="order_date">
				<div class="date_top">
					<img src="../images/orders/item.png" class="itempic" />
					下单日期：<span class="time">2018-01-01 12:00:00</span>
 				</div>
				<div class="date_bot">
					订单编号：<span>1234567891234567</span>
				</div>
			</div>
			<!--订单进度-->
			<div class="order_status">
				<div class="status_left">图书信息</div>
				<div class="status_right">订单配送中</div>
			</div>
			<!--订单详情-->
			<div class="order_content">
				<div class="item">
					<img src="../images/books/book.png" class="goodpic" />
					<div class="goodstype">
						<div class="goodsname">十万个为什么</div>
						<div class="ages">3~8岁</div>
						<div class="isbn">ISBN:<span>1234567891234</span></div>
					</div>
					<div class="goodsnum">x<span class="num">1</span></div>
				</div>
				<div class="item">
					<img src="../images/books/book.png" class="goodpic" />
					<div class="goodstype">
						<div class="goodsname">天方夜谭</div>
						<div class="ages">10~15岁</div>
						<div class="isbn">ISBN:<span>1234567891234</span></div>
					</div>
					<div class="goodsnum">x<span class="num">2</span></div>
				</div>
				
				<div class="heji">
					共<span class="amount">2</span>件商品
				</div>
			</div>
			
		</div>
		<!--begin the end-->
		<script>
			$(function(){
				var amount=0;
				var item_length=$(".item").length;
				for(var i=0;i<item_length;i++){
					var num=$(".item").eq(i).find(".num").text()*1;
					amount=amount+num;
				}
				$(".amount").text(amount);
			})
		</script>
	</body>
</html>
